<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios简化</title>
	</head>
	<body>
		<h1>Axios简化操作写法</h1>
		<script src="../js/axios.js"></script>
		<script>
			/* 1.设置公共的请求路径 */
			axios.defaults.baseURL = "http://localhost:8090"
			let user = {
				name: "百岁老人",
				age: 100,
				sex: "未知"
			}
			
			/* 2.解构赋值
				想法:能否利用一个方法 就将数据直接获取,简化2步调用的解构方法
				实现:ES7 提供了await async 简化现有axios操作
				用法说明:
					1. await 标识异步请求 解构操作
					2. async 用在函数中,支持解构  要求同时出现
				语法结构:
					let{} 用来接收解构后的对象
			 */
			//定义一个函数
			async function ajax(){
				//语法结构: 将ajax返回值data 赋值给value.
				let{data: value} = await axios.post("/saveUser",user)
				// 嵌套
				// let{data: value2} = await axios.post("/saveUser",value)
				// let{data: value3} = await axios.post("/saveUser",value2)
				// console.log(value3)
				console.log(value)
			}
			//调用函数
			ajax()
			
		</script>
		
	</body>
</html>
